<template>
  <div>
    <navHead :tabflag="1" />
    <banner :bannercontent="bannercontent" />
    <titles :titlescontent="titlescontent" />
    <contentComponent :contentData="contentData" />
    <titles :titlescontent="titlescontent1" />
    <contentComponent :contentData="contentData1" />
    <titles :titlescontent="titlescontent2" />
    <contentComponent :contentData="contentData2" />
    <titles :titlescontent="titlescontent3" />
    <contentComponent :contentData="contentData3" />
    <foot />
  </div>
</template>
  
<script>
import navHead from '~/components/nav-head.vue';
import foot from '~/components/foot.vue';
import banner from '~/components/banner.vue';
import titles from '~/components/title.vue';
import titlebox from '~/components/titlebox.vue';
import contentComponent from '~/components/content-component';
export default {
  name: 'IndexPage',
  components: {
    navHead,
    foot,
    banner,
    titles,
    titlebox,
    contentComponent
  },
  data() {
    return {
      titlescontent: {
        titletop: '无卡发薪',
        titlebottom: '无需收集银行卡即可一键批量发薪 秒到账',
      },
      titlescontent1: {
        titletop: '私域招聘',
        titlebottom: '让人力公司有自己的线上招聘小程序',
      },
      titlescontent2: {
        titletop: '电子考勤',
        titlebottom: '线上考勤统计，精准无差错',
      },
      titlescontent3: {
        titletop: '电子合同',
        titlebottom: '通过手机在线签署劳动合同，低成本、更高效',
      },
      bannercontent: {
        bannertitlelist: ['子弹发薪'],
        msg: '实现企业、劳务、蓝领工人三方的需求撮合、劳务交付、工人求职、兼职上岗、薪费结算一体化闭环,全面为人力企业降低用工成本、提高用工效率、规避用工风险。',
        button: {
          isbtn: true,
          class: 'greenbtn',
          name: '免费试用',
        },
        banner: require('../../assets/img/banner2.png')
      },
      contentData3: {
        img: require('../../assets/img/dzhtaxax2.png'),
        reverse: true,
        isCheckIcon: false,
        list: [
          {
            icon: require('../../assets/img/xsqybjgxcxcx2.png'),
            name: '线上签约便捷高效',
            content: '全程线上签约，秒速签署，支持PC、手机、微信等多终端签署， 随时随地签合同'
          },
          {
            icon: require('../../assets/img/qycbdcxcx2.png'),
            name: '签约成本低',
            content: '无需打印、快递合同，云端线上存储管理，成本节省95%以上'
          },
          {
            icon: require('../../assets/img/qyaqybzcxcx2.png'),
            name: '签约安全有保障',
            content: '国家权威CA数字证书，确保身份真实有效；权限配置，公章授权才可使用；文件固化+区块链技术，防篡改效果看得见'
          },
          {
            icon: require('../../assets/img/htgljdfbcxcx2.png'),
            name: '合同管理简单方便',
            content: '云端存储，永久保存，合同查询、借阅、归档等管理，全流程电子化'
          },
        ]
      },
      contentData2: {
        img: require('../../assets/img/dzkqxx2.png'),
        isCheckIcon: false,
        list: [
          {
            icon: require('../../assets/img/rlghxx2.png'),
            name: '人力规划',
            content: '压三天/五天之后，一天一发；不在依赖工厂考勤'
          },
          {
            icon: require('../../assets/img/lhpbxx2.png'),
            name: '灵活排班',
            content: '多种排班方式，一键排班、人岗匹配'
          },
          {
            icon: require('../../assets/img/cqdkxx2.png'),
            name: '出勤打卡',
            content: '多种打卡方式，真实出勤保障'
          },
          {
            icon: require('../../assets/img/kqtjxx2.png'),
            name: '考勤统计',
            content: '考勤规则灵活配置，实时计算考勤⼯时，多维度查看考勤'
          },
        ]
      },
      contentData1: {
        img: require('../../assets/img/syzpxx2.png'),
        isCheckIcon: false,
        reverse: true,
        list: [
          {
            icon: require('../../assets/img/xsmdxx2.png'),
            name: '线上门店',
            content: '独立线上门店 持续获取流量'
          },
          {
            icon: require('../../assets/img/syllxx2.png'),
            name: '私域流量',
            content: '开通成本低获取流量零成本'
          },
          {
            icon: require('../../assets/img/jlkcxcx2.png'),
            name: '简历库',
            content: '可一键给派遣员工批量发通知，方便的给派遣员工做服务'
          },
          {
            icon: require('../../assets/img/yllbcxcx2.png'),
            name: '引流裂变',
            content: '员工越多流量越大'
          },
          {
            icon: require('../../assets/img/kqtjxx2.png'),
            name: '360°客户管理 用户永不丢失',
            content: '求职者资料全掌控、小程序留存求职者'
          },
        ]
      },
      contentData: {
        img: require('../../assets/img/wkfxxx2.png'),
        isCheckIcon: false,
        list: [
          {
            icon: require('../../assets/img/zszjzhc.png'),
            name: '专属资金账户',
            content: '员工实名效验机制，银行级别安全保障'
          },
          {
            icon: require('../../assets/img/zxaqfxaaa2.png'),
            name: '在线安全发薪',
            content: '考勤发薪、随时随地扫码领薪、周期结算'
          },
          {
            icon: require('../../assets/img/fxshaaa2.png'),
            name: '发薪审核',
            content: '资金安全审核，发薪流程安全可追溯'
          },
          {
            icon: require('../../assets/img/jsdzaaa2.png'),
            name: '极速到账',
            content: '无需排队，实时到账到银行卡或微信钱包'
          },
          {
            icon: require('../../assets/img/rlghxx2.png'),
            name: '做账方便',
            content: '电脑端后台下载明细/回单方便做账'
          },
        ]
      }
    }
  },
}
</script>
  